<!DOCTYPE html>
<html>
	<head>
		<meta charset="UTF-8">
		<title></title>
		<style>
			*{
				margin:0px;
				padding:0px;
			}
			body{
				margin: 100px;
			}
			.box{
				width: 250px;
				height:500px;
				border: 1px solid red;
				float: left;
				font-size:14px;
				text-align: justify;
				position: relative;
				overflow: hidden;
				
			}
			.big{
				width: 30px;
				height:500px;
				border: 1px solid red;
				float: left;
				margin-left: 20px;
				position: relative;
			}
			.small{
				width: 30px;
				height: 50px;
				background: black;
				position: absolute;
			}
			p{
				position: absolute;
				left:0;
				top:0px;
				padding: 10px;
				
			}
		</style>
		<script type="text/javascript">
			window.onload=function(){
				var oBox=document.querySelector('.box');
				var oBig=document.querySelector('.big');
				var oSmall=document.querySelector('.small');
				var oP=document.getElementsByTagName('p')[0];
				var y=0;
				oSmall.onmousedown=function(ev){
					var ev=ev||window.event;
					y=ev.clientY-oSmall.offsetTop;
					document.onmousemove=function(ev){
						var ev=ev||window.event;
						var t=ev.clientY-y;
						if(t<0){
							t=0;
						}else if(t>oBig.offsetHeight-oSmall.offsetHeight-2){
							t=oBig.offsetHeight-oSmall.offsetHeight-2;
						}
//						//缩放比例
//						
                        var scale=t/(oBig.offsetHeight-oSmall.offsetHeight-2);
						oP.style.top=-scale*(oP.offsetHeight-oBox.offsetHeight)+'px';

						
	
						oSmall.style.top=t+'px';
//						
					}
					document.onmouseup=function(){
						document.onmousemove=null;
						document.onmouseup=null;
					}
					return false;
				}
			}
		</script>
	</head>
	<body>
		<div class="box">
			<p>
				8月9日7时27分，新疆博尔塔拉蒙古自治州精河县境内发生6.6级地震，震中位于北纬44.27度、东经82.89度，震源深度11千米。震中距精河县城约37千米，震中区域震感强烈。据初步核查，截至11时，地震共造成精河县32人受伤（2人重伤），142间房屋倒塌，1060间房屋受损，61处院墙、26座畜圈倒塌，4条牧道受损，县城6栋楼房裂缝；伊犁州2间房屋、1座畜圈倒塌，544间房屋、36座畜圈受损。
　　自治区立即启动Ⅲ级应急响应，成立抗震救灾指挥部，全力组织抗震救灾。乡镇（街道）干部、驻村干部和村组（社区）干部，组织帮助灾区群众转移到安全地带。州县两级公安、武警、边防、消防、交通、卫生等救援力量，已赶赴一线、组织抢险救援、全面开展搜救、全力救治伤员。有关部门紧急组织帐篷、棉被、棉衣、食品、药品、饮用水等相关物资运往灾区，保障受灾群众正常生活，确保受灾群众有住处、有饭吃、有衣穿、有水喝、有伤病能医治。自治区地震局启动Ⅱ级响应，加强震情监测和分析，及时发布灾害预警信息；气象部门密切关注天气变化，做好气象预报，严密防范次生灾害。
8月9日7时27分，新疆博尔塔拉蒙古自治州精河县境内发生6.6级地震，震中位于北纬44.27度、东经82.89度，震源深度11千米。震中距精河县城约37千米，震中区域震感强烈。据初步核查，截至11时，地震共造成精河县32人受伤（2人重伤），142间房屋倒塌，1060间房屋受损，61处院墙、26座畜圈倒塌，4条牧道受损，县城6栋楼房裂缝；伊犁州2间房屋、1座畜圈倒塌，544间房屋、36座畜圈受损。
　　自治区立即启动Ⅲ级应急响应，成立抗震救灾指挥部，全力组织抗震救灾。乡镇（街道）干部、驻村干部和村组（社区）干部，组织帮助灾区群众转移到安全地带。州县两级公安、武警、边防、消防、交通、卫生等救援力量，已赶赴一线、组织抢险救援、全面开展搜救、全力救治伤员。有关部门紧急组织帐篷、棉被、棉衣、食品、药品、饮用水等相关物资运往灾区，保障受灾群众正常生活，确保受灾群众有住处、有饭吃、有衣穿、有水喝、有伤病能医治。自治区地震局启动Ⅱ级响应，加强震情监测和分析，及时发布灾害预警信息；气象部门密切关注天气变化，做好气象预报，严密防范次生灾害。
8月9日7时27分，新疆博尔塔拉蒙古自治州精河县境内发生6.6级地震，震中位于北纬44.27度、东经82.89度，震源深度11千米。震中距精河县城约37千米，震中区域震感强烈。据初步核查，截至11时，地震共造成精河县32人受伤（2人重伤），142间房屋倒塌，1060间房屋受损，61处院墙、26座畜圈倒塌，4条牧道受损，县城6栋楼房裂缝；伊犁州2间房屋、1座畜圈倒塌，544间房屋、36座畜圈受损。
　　自治区立即启动Ⅲ级应急响应，成立抗震救灾指挥部，全力组织抗震救灾。乡镇（街道）干部、驻村干部和村组（社区）干部，组织帮助灾区群众转移到安全地带。州县两级公安、武警、边防、消防、交通、卫生等救援力量，已赶赴一线、组织抢险救援、全面开展搜救、全力救治伤员。有关部门紧急组织帐篷、棉被、棉衣、食品、药品、饮用水等相关物资运往灾区，保障受灾群众正常生活，确保受灾群众有住处、有饭吃、有衣穿、有水喝、有伤病能医治。自治区地震局启动Ⅱ级响应，加强震情监测和分析，及时发布灾害预警信息；气象部门密切关注天气变化，做好气象预报，严密防范次生灾害。
8月9日7时27分，新疆博尔塔拉蒙古自治州精河县境内发生6.6级地震，震中位于北纬44.27度、东经82.89度，震源深度11千米。震中距精河县城约37千米，震中区域震感强烈。据初步核查，截至11时，地震共造成精河县32人受伤（2人重伤），142间房屋倒塌，1060间房屋受损，61处院墙、26座畜圈倒塌，4条牧道受损，县城6栋楼房裂缝；伊犁州2间房屋、1座畜圈倒塌，544间房屋、36座畜圈受损。
　　自治区立即启动Ⅲ级应急响应，成立抗震救灾指挥部，全力组织抗震救灾。乡镇（街道）干部、驻村干部和村组（社区）干部，组织帮助灾区群众转移到安全地带。州县两级公安、武警、边防、消防、交通、卫生等救援力量，已赶赴一线、组织抢险救援、全面开展搜救、全力救治伤员。有关部门紧急组织帐篷、棉被、棉衣、食品、药品、饮用水等相关物资运往灾区，保障受灾群众正常生活，确保受灾群众有住处、有饭吃、有衣穿、有水喝、有伤病能医治。自治区地震局启动Ⅱ级响应，加强震情监测和分析，及时发布灾害预警信息；气象部门密切关注天气变化，做好气象预报，严密防范次生灾害。
8月9日7时27分，新疆博尔塔拉蒙古自治州精河县境内发生6.6级地震，震中位于北纬44.27度、东经82.89度，震源深度11千米。震中距精河县城约37千米，震中区域震感强烈。据初步核查，截至11时，地震共造成精河县32人受伤（2人重伤），142间房屋倒塌，1060间房屋受损，61处院墙、26座畜圈倒塌，4条牧道受损，县城6栋楼房裂缝；伊犁州2间房屋、1座畜圈倒塌，544间房屋、36座畜圈受损。
　　自治区立即启动Ⅲ级应急响应，成立抗震救灾指挥部，全力组织抗震救灾。乡镇（街道）干部、驻村干部和村组（社区）干部，组织帮助灾区群众转移到安全地带。州县两级公安、武警、边防、消防、交通、卫生等救援力量，已赶赴一线、组织抢险救援、全面开展搜救、全力救治伤员。有关部门紧急组织帐篷、棉被、棉衣、食品、药品、饮用水等相关物资运往灾区，保障受灾群众正常生活，确保受灾群众有住处、有饭吃、有衣穿、有水喝、有伤病能医治。自治区地震局启动Ⅱ级响应，加强震情监测和分析，及时发布灾害预警信息；气象部门密切关注天气变化，做好气象预报，严密防范次生灾害。
			</p>
			
		</div>
		<div class="big">
			<div class="small"></div>
		</div>
	</body>
</html>
<!--
	
text-align: justify;   //两端对齐